<!DOCTYPE html>
<html>
  <head>
    <!-- 1、如果支持Google Chrome Frame：GCF，则使用GCF渲染；2、如果系统安装ie8或以上版本，则使用最高版本ie渲染；3、否则，这个设定可以忽略。 -->
	  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
	  <!-- 对视窗缩放等级进行限制，使其适应移动端屏幕大小 -->
	  <meta name="viewport" content="width=device-width, initial-scale=1">
	  <!-- 当把这个网页添加到主屏幕时的标题（仅限IOS） -->
	  <meta name="apple-mobile-web-app-title" content="北邮人论坛注册">
	  <!-- 添加到主屏幕后全屏显示 -->
	  <meta name="apple-touch-fullscreen" content="yes" />
    <meta charset="utf-8">
    <title>interview</title>
    <style>
    body{
      background-color:#F0F0F0;
      padding:0;
      margin:0;
    }  
    </style>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
    <script>
      let html = document.documentElement;
      //基于 iphone6 的宽（ 375px ），在这里分成 25 份
      let size = html.getBoundingClientRect().width
      window.rem = html.getBoundingClientRect().width / 25 ;
      html.style.fontSize = window.rem + 'px';
    </script>
  </body>
</html>
